*{
	font-family: 等线;
}

.slider .main .main-i,
.slider .main,
.slider{
	width: 1000px;
	height:535px;
	position: relative;
}

/*幻灯片区域*/
.slier .main{
  overflow: hidden;
}


/*每一个幻灯片的样式*/
.slider .main .main-i{}
.slider .main .main-i img{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}s
.slider .main .main-i .caption{
	position: absolute;
	right: 50%;
	top: 30%;
	z-index: 10;
}
.slider .main .main-i .caption h2{
  text-align: right;
  color: #fff;
}
.slider .main .main-i .caption h3{
  text-align: right;
  color: #999;
  font-size: 70px;
  line-height: 70px;

}

/*控制按钮区域*/
.slider .ctrl
{
	width: 100%;
	height: 13px;
	line-height: 13px;
	text-align: center;
	position: absolute;
	left: 0;
	
	z-index: 2;
}
.slider .ctrl .ctrl-i{
	display: inline-block;
	width: 24%;
	height: 13px;
	background-color: #666;
	box-shadow: 0 1px 1px rgba(0,0,0,.3);
    position: relative;
    -webkit-transition:all 0.5s;
}
.slider .ctrl .ctrl-i img{
	
	position: absolute;
	left: 0;
	bottom: 33px;
  z-index: 2;
  opacity: 0; 
  -webkit-transition:all 0.5s;
   width: 0; 

}
.slider .ctrl .ctrl-i:hover img{
	opacity: 1;
	bottom:13px;
  display: block;
  opacity: 1;
	width: 100%;
}

/*hover到控制按钮的样式*/
.slider .ctrl .ctrl-i:hover{
	background-color: #fff;
}